<template>
	<div class="app">
		<h1>页面内容</h1>
		<VisualEditor v-model="jsonData" :config="visualConfig"></VisualEditor>
	</div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import { VisualEditor } from "@/packages/VisualEditor";
import { visualConfig } from "./packages/visual.config";
export default defineComponent({
	name: "App",
	components: {
		VisualEditor,
	},
	data() {
		return {
			visualConfig,
			jsonData: {
				container: {
					height: 500,
					width: 800,
				},
				blocks: [],
			},
		};
	},
});
</script>

<style lang="scss">
html,
body {
	margin: 0;
	padding: 0;
}
</style>
